<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 自增 和 自减 
        // 一、自增 
        // 1.前置自增 后置自增
        // 无论是前置 加加 还是后置加加原始的变量都会加1
        // var a = 1;
        // // ++a; //前置自增 会让a加1
        // // console.log(a);

        // a++; // 后置自增 会让 a加1
        // console.log(a);

        // 2. 前置 和 后置的区别 
        // 前置（++a） ：先运算(先加1) 在赋值（执行）
        // var a = 1;
        // var b = ++a;
        // console.log(b); // 2
        // console.log(a); // 2

        // 后置 (a++) 先赋值（执行） 之后在运算（在加1）
        // var a = 1;
        // var b = a++;  //a先赋值 ，然后a在加1
        // console.log(b); // 1
        // console.log(a);  // 2



        // 总结 ：1.无论 a++ 还是 ++a  a的值都会加1
        // 2.a++ 先赋值 在加1     ++a 先加1  在赋值 （加1的操作是在使用前 还是使用后）

        // var a = 1;
        // console.log(a++ + ++a + a++)
        // // 第一个 ： 1 + 3 + 3  === 7
        // console.log(a) ; // 4

        // var a = 3;
        // console.log(a++ + a++ + ++a + a++); // 值是多少
        //           3  +  4  +  6  +  6  === 19

        // 一、 3 ---》经过a++ 之后 --》a的值 4
        // 二、 4 ---》经过a++ 之后 --> a的值 5
        // 三、 6 ---> 经历 ++a之后 ---》a的值还是6
        // 四、 6 ----》经历a++之后 ---->a的值 是 7


        // 自减 ：前置自减  后置自减 
        // 无论是前置-- 还是后置-- 原始的值 都会减一
        // 前置自减
        // var a = 10;
        // var b = --a;  // 先计算（先减一） 然后再赋值  。先减在使用（赋值）
        // console.log(b); //9 
        // console.log(a); // 9;

        // var a = 10;
        // var b = a--; // 先赋值 在减一
        // console.log(b); // 10
        // console.log(a); // 9

        


    </script>
</body>
</html>